<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />
    <link rel="stylesheet" type="text/css" href="../../css/demo/issue.css" />
</head>
<body>
  <div id="header">
    <div id="back"></div>
      <h3>发布文档</h3>
      <a class="issue">发表</a>
  </div>
<div id="all">
  <h4>选择分类</h4>
  <select class="select" onchange="doSome();">
  </select>
  <input type="text" id="title" name=""  placeholder=" 输入发布标题...">
<!--   <textarea rows="10" cols="30" id="content" placeholder="发布内容">
    <img src="../images/1.jpg">
  </textarea> -->
<div class="btn_hide"><input type="file" name="file" id="file" value="" accept="image/*" multiple="multiple"><button class="btn btn-info">添加图片</button></div>
<div id="insertImg"></div>
<div id="content">
  <textarea placeholder=" 输入发布内容"></textarea>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/jquery.js"></script>
<script type="text/javascript" src="../../script/main.js"></script>
<script type="text/javascript">
var scrollAll_Div = document.getElementById("all");

var selectInsex=0;
//------------------------------------------------------------
//当分类改变时，获取分类的ID
function doSome(){
  selectInsex=$(".select").find("option:selected").index();
}
//------------------------------------------------------------
//apiready执行函数
apiready=function(){
//------------------------------------------------------------
//定义全局变量
var accessid='';
var accesskey='';
var signature='';
var host ='';
var expire='';
var policy='';
var aid=$api.getStorage("aid");
var dir='';
var imageList=[];
//------------------------------------------------------------
//执行函数
init();
//------------------------------------------------------------
$(".issue").click(function(){
  //如果没有图片
  if($("#insertImg").html()==""){
    createMsg();
  }else{
    //如果有图片
    if(($("#title").val()!="")&&($("#content textarea").val()!="")){
      // api.showProgress({
      //   title: '发布中...',
      //   text: '发布中，请稍后...',
      //   modal: false
      // });
      init_oss();
    }else{
      toast("标题和内容不能为空！","middle");
    }
  }
});
//------------------------------------------------------------

//------------------------------------------------------------
//发表文章
function createMsg(){
  //获取输入框文字
    var title=$("#title").val();
    var content=$("#content textarea").val();
    //判断是否为空
    if (title.replace(/(^s*)|(s*$)/g, "").length ==0){
      toast("标题不能为空！","middle");
      return false;
    }
    if (content.replace(/(^s*)|(s*$)/g, "").length ==0){
      toast("内容不能为空！","middle");
      return false;
    }
    var Url='/api/public-msgs';
    var data={
            "content": content,
            "imageList": ["'"+imageList+"'"],
            "title": title,
            "type": selectInsex,
            "aid": aid
        }
    var functionRet=function(ret1){
      api.hideProgress();
        //在job.html执行jsfun
      var jsfun = 'reloadHtml();';
      api.execScript({
          name: 'root',
          frameName: 'frame2',
          script: jsfun
      });
      //关闭本页面
      api.closeWin({
          name: 'issue'
      });
    }
    var functionErr=function(err1){
      console.log(JSON.stringify(err1))
    }
    show_post(Url,data,functionRet,functionErr);
}
//------------------------------------------------------------
//获取分类名字并且赋值在页面上显示
function init(){
    var Url='/type/types/student/1';
    var functionRet=function(ret1){
      for (var i = 0; i < ret1.data.length; i++) {
        $(".select").append('<option value="volvo">'+ret1.data[i].name+'</option>');
      }
    }
    var functionErr=function(err1){
      return false;
    }
    getNew(Url,functionRet,functionErr);
}
//---------------------------------------------------------------------
//将图片上传至oss服务器
function init_oss(){
  // var Url='/api/oss/benyun-test-oss/postPolicy?dir=abc/';
  // var functionRet=function(ret1){
  //     //alert(ret1.accessid)
  //     if(ret1){
  //       accessid=ret1.accessid;
  //       signature=ret1.signature;
  //       host =ret1.host;
  //       dir =ret1.dir;
  //       expire =ret1.expire;
  //       policy =ret1.policy;
  //       oss_imgSave(img);
  //     }
  // }
  // var functionErr=function(err1){
  //   return false;
  // }
  // //获取oss签名
  // get(Url,functionRet,functionErr);
  api.showProgress({
    title: '发布中...',
    text: '发布中，请稍后...',
    modal: false
  });
  var url='/api/oss/benyun-test-oss/postPolicy?dir=hsj/';
  var functionRet=function(ret){
    accessid = ret.accessid;
    signature = ret.signature;
    host =ret.host;
    dir =ret.dir;
    expire =ret.expire;
    policy =ret.policy;
    filesName=[];
    //组装发送数据
    for(i=0;i<$("#file")[0].files.length;i++){
      var request = new FormData();
      filesName[i]=new Date().getTime()+'.jpg';
      request.append("OSSAccessKeyId",accessid);//Bucket 拥有者的Access Key Id。
      request.append("policy",policy);//policy规定了请求的表单域的合法性
      request.append("signature",signature);//根据Access Key Secret和policy计算的签名信息，OSS验证该签名信息从而验证该Post请求的合法性
      //---以上都是阿里的认证策略
      request.append("key",'hsj/'+filesName[i]);//文件名字，可设置路径
      request.append("success_action_status",'200');// 让服务端返回200,不然，默认会返回204
      request.append('file', $("#file")[0].files[i]);//需要上传的文件 file
      $.ajax({
              url : host,  //上传阿里地址
              data : request,
              processData: false,//默认true，设置为 false，不需要进行序列化处理
              cache: false,//设置为false将不会从浏览器缓存中加载请求信息
              async: false,//发送同步请求
              contentType: false,//避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
         　　 type : 'post',
          　　success : function(callbackBody, request) { //callbackHost：success,request中就是 回调的一些信息，包括状态码什么的
                imageList.push('benyun-test-oss.oss-cn-shenzhen.aliyuncs.com/hsj/'+filesName[i]);
                console.log(imageList[i])
          },
          error : function(returndata) {
              alert(JSON.stringify(returndata));
          }
      });
    }
    createMsg();
  }
  var functionErr=function(err){

  }
  getU(url,functionRet,functionErr);
}
//---------------------------------------------------------------------
  //点击添加图片
  $(".btn_hide .btn").click(function(){
    $(".btn_hide input").click();
  })
  //隐藏的按钮点击事件
  $(".btn_hide input").change(function(){
      $("#insertImg").empty();
      var file=$(this)[0].files;
      var url;
      for(i=0;i<file.length;i++){
        if (window.createObjcectURL != undefined) {
                url = window.createOjcectURL(file[i]);
            } else if (window.URL != undefined) {
                url = window.URL.createObjectURL(file[i]);
            } else if (window.webkitURL != undefined) {
                url = window.webkitURL.createObjectURL(file[i]);
            }
          $("#insertImg").append("<img src='" + url + "' style='width:100%'/>")
      };
  })
}//apiready=function(){ 函数的反括号


$(function(){
  back();
})
</script>
<script type="text/javascript" src="../../script/api.js"></script>

</html>
